<template>
  <div class="block">
    <el-date-picker
      v-model="value"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions"
      @change="pickChange"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now()
        }
      }
    }
  },
  methods: {
    pickChange(val) {
    //   console.log(val)
      this.$emit('datePickVal', val)
    }
  }
}
</script>

<style lang="sass" scoped>

</style>
